<template>
  <div class="my-increment">
    数值：{{value}}
    <el-button @click="fn()">自增1</el-button>
  </div>
</template>

<script type="text/javascript">
export default {
  name: "my-increment",
  props: ["value"],
  //   data() {
  //     return {
  //       count: 0
  //     };
  //   },
  methods: {
    fn() {
      // 此处，不能用this.value++ 因为这样会修改value的值，但是value是由父组件传递过来的值，只可以读取，不能修改
      this.$emit("input", this.value + 1);
    }
  }
};
</script>

<style scoped lang="less" >
</style>

